
// .divider {
// 	margin-top: 15px;
// 	.el-icon {
// 		position: relative;
// 		bottom: 2px;
// 		right: 5px;
// 		font-size: 15px;
// 	}
// }
.posi{
    position: relative;
    .el-icon {
		position: absolute;
		bottom: 6px;
		right: 10px;
		font-size: 15px;
        color: var(--el-color-primary);
	}
}
.layout-box {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding: 10px 0 0;
    padding-left: 10px;
    padding-right: 10px;
    // background-color: red;
 

    .layout-item {
      // background-color: pink;
      width: 95px;
      height: 67px;
      padding: 6px;
      margin-bottom: 20px;
      cursor: pointer;
      border-radius: 5px;
      display: flex;
      justify-content: space-between;
      box-shadow: 0 0 5px 1px var(--el-border-color-lighter);
      .layout-dark {
        content: "";
        background-color: var(--el-color-primary);
        border-radius: 3px;
        width: 20%;
        height: 100%;
      }
      .layout-container {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        content: "";
        width: 73%;
        height: 100%;
        .layout-container-left {
          height: 16%;
          border-radius: 4px;
          background-color: var(--el-color-primary-light-5);
        }
        .layout-container-right {
          content: "";
          border-radius: 4px;
          height: 65%;
          background-color: var(--el-color-primary-light-8);
          border: 1px dashed var(--el-color-primary);
        }
      }
    }
  
        .layout-item-columns {
      // background-color: pink;
      width: 95px;
      height: 67px;
      padding: 6px;
      margin-bottom: 20px;
      cursor: pointer;
      border-radius: 5px;
      display: flex;
      justify-content: space-between;
      box-shadow: 0 0 5px 1px var(--el-border-color-lighter);
      .layout-dark-columns {
        content: "";
        background-color: var(--el-color-primary);
        border-radius: 3px;
        width: 10%;
        height: 100%;
      }
      .layout-container-left-columns{
          background-color: var(--el-color-primary-light-5);
          border-radius: 3px;
          height: 100%;
          width: 16%;
        //   margin: 0 5px;
      }
      .layout-container-right-columns{
          background-color: var(--el-color-primary-light-8);
          border-radius: 3px;
          height: 100%;
          width: 60%;
          border: 1px dashed var(--el-color-primary);
      }   
      
    }
  
    .isactive {
      box-shadow: 0 0 0 2px var(--el-color-primary) !important;
    }
  }